 *{
   padding: 0;
   margin: 0;

 }

 
 body{
	 background: #F9FAFF;

 }


@for $i from 0 through 200{
  .e-font-#{$i} {
    font-size: $i + px;
  }
}


@for $i from 0 through 12 {
  .u-flex-#{$i} {
    flex: $i;
  }
}


/* start--文本行数限制--start */
.u-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.u-line-2 {
    -webkit-line-clamp: 2;
}

.u-line-3 {
    -webkit-line-clamp: 3;
}

.u-line-4 {
    -webkit-line-clamp: 4;
}

.u-line-5 {
    -webkit-line-clamp: 5;
}

.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
    overflow: hidden;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; // 弹性伸缩盒
    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}

/* end--文本行数限制--end */



@for $i from 1 through 100 {
  .e-m-#{$i} { margin: $i+px; }
  .e-m-t-#{$i} { margin-top: $i+px; }
  .e-m-b-#{$i} { margin-bottom: $i+px; }
  .e-m-l-#{$i} { margin-left:$i+px; }
  .e-m-r-#{$i} { margin-right:$i+px; }

  .e-p-#{$i} { padding:$i+px;}
  .e-p-t-#{$i} { padding-top: $i+px;}
  .e-p-b-#{$i} { padding-bottom: $i+px;}
  .e-p-l-#{$i} { padding-left: $i+px; }
  .e-p-r-#{$i} { padding-right: $i+px;}
}




.e-rela {
  position: relative;
}

.e-abso {
  position: absolute;
}

.e-flex {
	display: flex;
}

.e-flex-wrap {
	flex-wrap: wrap;
}

.e-flex-nowrap {
	flex-wrap: nowrap;
}

.e-col-center {
	align-items: center;
}

.e-col-top {
	align-items: flex-start;
}

.e-col-bottom {
	align-items: flex-end;
}

.e-row-center {
	justify-content: center;
}

.e-row-left {
	justify-content: flex-start;
}

.e-row-right {
	justify-content: flex-end;
}

.e-row-between {
	justify-content: space-between;
}

.e-row-around {
	justify-content: space-around;
}

.e-text-left {
	text-align: left;
}

.e-text-center {
	text-align: center;
}

.e-text-right {
	text-align: right;
}

.e-font-bold{
	font-weight: bold;
}
